<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
   

   
</head>
<body>
    <canvas id="myCanvas" width="600" height="600"
style="border:1px solid #000000;">
</canvas>
    <script>
       var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
// ctx.fillStyle="#FF0000";
// ctx.fillRect(0,0,400,300);
ctx.beginPath();
ctx.moveTo(100,100)
ctx.lineTo(300,300)
// ctx.stroke()

ctx.arc(300,300,300,0,2*Math.PI);
ctx.stroke();

ctx.font='30px Arial';
ctx.fillText('hello canvas' , 300,300)
ctx.strokeText('hello canvas',300,400)
    </script>
</body>
</html>